﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master.Master" AutoEventWireup="false" CodeBehind="default.aspx.cs" Inherits="Widgetsphere.Autos.Websitev2.Default" %>
<%@ Register src="UserControls/MakeDimensionControl.ascx" tagname="MakeDimensionControl" tagprefix="uc1" %>
<%@ Register src="UserControls/MetroDimensionControl.ascx" tagname="MetroDimensionControl" tagprefix="uc1" %>
<%@ Register src="UserControls/StateDimensionControl.ascx" tagname="StateDimensionControl" tagprefix="uc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">UglyCar.com</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav">
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                    <li class="hidden">
                        <a class="page-scroll" href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">Why choose us?</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">by State</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">by Metro</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Intro Section -->
    <section id="intro" class="intro-section">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <h1>Search for your perfect car</h1>
                    
                    <div style="font-size:larger;text-align:left;">
                    <p>
                        This is a demonstration site using faceted navigation technology. 
                        This demo site has thousands of cars listed and grouped. 
                        It is very easy for users to narrow or broaden searches without using an advanced search screen.
                    </p>
                        <ul>
                            <li>There are basic filters like year and color.</li>
                            <li>There are hierarchy filters like make and model. No models are shown before a make is choosen.</li>
                            <li>Grouped filters like price and mileage allow ranges of items to be grouped into buckets.</li>
                            <li>Geo-radial searches by zip code are also easy to perform with full map integration.</li>
                        </ul>
                    </div>

                    <div style="text-align:center;margin-top:40px;">
                        <input type="button" value="Show all Cars" class="btn btn-primary" onclick="window.location = '/auto-results.aspx'" />
                    </div>

                </div>
            </div>
        </div>
    </section>

        <!-- Services Section -->
    <section id="services" class="services-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="banners2 clearfix">

                    <div class="banners2_txt">Why Choose Us</div>

                    <div class="row">
                    <div class="span3 banner banner1">
                    <div class="banner_inner">
                    <div class="c1">1</div>
                    <div class="txt1">All Inclusive Pricing</div>
                    <div class="txt2">Proin feugiat sem eu nisl. Aliquam erat volutpat.</div>		
                    </div>	
                    </div>
                    <div class="span3 banner banner2">
                    <div class="banner_inner">
                    <div class="c1">2</div>
                    <div class="txt1">No Hidden Charges</div>
                    <div class="txt2">Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at.</div>	
                    </div>	
                    </div>
                    <div class="span3 banner banner3">
                    <div class="banner_inner">
                    <div class="c1">3</div>
                    <div class="txt1">Leading Suppliers Worldwide</div>
                    <div class="txt2">Nulla mauris purus, dignissim.</div>	
                    </div>	
                    </div>
                    <div class="span3 banner banner4">
                    <div class="banner_inner">
                    <div class="c1">4</div>
                    <div class="txt1">Lowest Price Guarantee</div>
                    <div class="txt2">Proin feugiat sem eu nisl. Aliquam erat volutpat.</div>	
                    </div>	
                    </div>	
                    </div>	
                    </div>

                </div>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section id="about" class="about-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1>Find a car by State</h1>
                    <p style="padding-bottom:30px;text-align:left;">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh in felis blandit fringilla. Quisque mattis, sem ut lacinia sagittis, odio diam faucibus risus, id tempor lacus felis non nulla. Nullam ut cursus libero. Suspendisse euismod, odio et sodales lobortis, arcu justo vulputate mi, nec luctus magna justo at nisi. Aenean sit amet imperdiet lacus. Proin aliquam euismod lorem. Nullam egestas ut velit vel mollis. Nam congue nisi justo, vitae pretium sem facilisis nec. Mauris facilisis laoreet lacinia. Praesent euismod ultrices justo vel posuere.
                    </p>
                    <uc1:StateDimensionControl ID="StateDimensionControl1" runat="server" />
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="contact-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1>Find a car by Metro</h1>
                    <p style="padding-bottom:30px;text-align:left;">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh in felis blandit fringilla. Quisque mattis, sem ut lacinia sagittis, odio diam faucibus risus, id tempor lacus felis non nulla. Nullam ut cursus libero. Suspendisse euismod, odio et sodales lobortis, arcu justo vulputate mi, nec luctus magna justo at nisi. Aenean sit amet imperdiet lacus. Proin aliquam euismod lorem. Nullam egestas ut velit vel mollis. Nam congue nisi justo, vitae pretium sem facilisis nec. Mauris facilisis laoreet lacinia. Praesent euismod ultrices justo vel posuere.
                    </p>
                    <uc1:MetroDimensionControl ID="MetroDimensionControl1" runat="server" />
                </div>
            </div>
        </div>
    </section>

    <div class="col-lg-10 col-lg-offset-1 text-center" style="margin-top:40px;">

    <h4><strong>UglyCar.com</strong></h4>
    <p>3481 Melrose Place<br />Beverly Hills, CA 90210</p>
    <ul class="list-unstyled">
        <li><i class="fa fa-phone fa-fw"></i> (123) 456-7890</li>
        <li><i class="fa fa-envelope-o fa-fw"></i>  <a href="mailto:name@example.com">name@example.com</a>
        </li>
    </ul>
    <br>
    <ul class="list-inline">
        <li>
            <a href="#"><i class="fa fa-facebook fa-fw fa-3x"></i></a>
        </li>
        <li>
            <a href="#"><i class="fa fa-twitter fa-fw fa-3x"></i></a>
        </li>
        <li>
            <a href="#"><i class="fa fa-dribbble fa-fw fa-3x"></i></a>
        </li>
    </ul>
    <hr class="small">
    <p class="text-muted">Copyright © UglyCar.com 2014</p>
    </div>



</asp:Content>
